var table;
layui.use('table',function () {
    table = layui.table;
    table.render({
        elem: '#order_list'
        , url: '/library/admin/order/listOrder.action'
        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            title: '提示'
            ,layEvent: 'LAYTABLE_TIPS'
            ,icon: 'layui-icon-tips'
        }]
        , page: {
            layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'],
            groups: 5 //只显示 1 个连续页码
            , first: false //不显示首页
            , last: false //不显示尾页
        }
        , cols: [
            [
                {field: 'userName', title: '名字',align:'center'}
                , {field: 'userNumber', title: '学号',align:'center',width:150}
                , {field: 'seat', title: '座位编号', align: 'center'}
                , {field: 'day', title: '当前日期', align: 'center'}
                , {field: 'startTime', title: '开始时间', align: 'center'}
                , {field: 'endTime', title: '结束时间', align: 'center'}
                , {field: 'signInTime', title: '签到时间', align: 'center'}
                , {field: 'signOutTime', title: '签退时间', align: 'center'}
                , {field: 'temporaryTime', title: '暂时离开时间段', align: 'center',width:200}
                , {field: 'orderStatus', title: '预约状态', align: 'center',templet: '#orderStatus'}
                , {field: 'activity', title: '操作' ,templet: '#bar'}
            ]
        ]
        , response: {
            statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
        }
        , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
            console.log(res.data);
            return {
                "code": res.status, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.data.total, //解析数据长度
                "data": res.data.list //解析数据列表
            };
        }
    });

    table.on('tool(order_list)',function (obj) {
        var layEvent = obj.event;
        var data = obj.data;
        if(layEvent === "unbound"){
            var url = '/family/admin/user/unbound.action';
            $.ajax(
                {
                    url:url,
                    type:'post',
                    data:{userId:data.userId},
                    beforeSend: LoadFunction, //加载执行方法
                    error: errorFunction,  //错误执行方法
                    success: function (result) {
                        if (result.status === 200){
                            layer.msg("取消绑定成功",{
                                time:1500,
                                end:function () {
                                    location.reload();
                                }
                            });
                        }else {
                            layer.msg(result.message);
                        }
                    }
                }
            )
        }
    })
});


<!--查询预约 -->
function searchOrder() {
    // 可根据名字/学号三个方式来查找，当没有选择条件时，默认是查找全部
    var name = $("#name").val();//名字
    var number = $("#number").val();
    console.log("name: "+name);
    console.log("number: "+number);
    table.reload('order_list',{
        page: {
            curr: 1 //重新从第 1 页开始
        }
        , where: {
            name: name,
            number: number
        }
    });
}
